*{
    padding:0;
    margin:0;
}
// html{
//     width:100%;
// }
#all{
    margin: 0 auto;
    width: 100%;
    background-color: #191a20;  
    // width: 80%;
}
#layout{
    margin: 0 auto;
    // width: 90%;
}
.ph-skin-wrap{   
    // width:100%;
    width: 96%;
    // width: 1200px;
    // width: 1200px;
    // text-align: center;
    margin: 0 auto;
   
}
.header-wrap{
    width:100%;
    height:64px;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);  
}
.header-inner{
    width:80%;
    height:64px;
    margin: auto;
    background-color:red;
    color:white;
    font-size:20px;
}
// 视频轮播
.block-B{
    position: relative;
    height:447px;
    width:100%;
    .qy20-h-carousel-inner{
        position:relative;
        width:100%;
        height:447px;
        margin: auto;
        .slider-img{
            width: 100%;
            height: 100%;
            max-width: 100%;
            max-height: 447px;
            min-width: 100%;
            min-height: 447px;
            margin:0px auto;
            overflow: hidden;
     
        }
        .slider-img img{
            vertical-align: top;     
            width: 100%;    
            height: 447px;               
            display: block;
            object-fit: cover;
        } 
    }
    .btn{
        width:80%;
        position: absolute;
        top:150px;
        padding-left: 130px;
        display:flex ;
        justify-content: space-between;
        .left{  
            width: 40px;     
            height:40px ;
            text-align: center;
            &:hover{
                background: rgba(0,0,0,.5);
               
            }
            a{
                text-align: center;
                line-height: 40px;
                color: #fff;
                i{
                    
                    font-size:40px;
                }
                &:hover{
                    color: #16e067;
                }
            }
        } 
        .right{   
            text-align: center;
            width:40px;     
            height: 40px;
            &:hover{
                background: rgba(0,0,0,.5);
            }
            a{
                text-align: center;
                line-height: 40px;
                color: #fff;
                i{
                    font-size:40px;
                }
                &:hover{
                    color: #16e067;
                }
            }     
        }
    }
    .dot{
        position:absolute;    
         top: 0;
         left: 0;
        .dotul{
            height:407px;
            display: flex;
            flex-direction:column;
            padding:20px 0;
            justify-content: space-between;
            background: linear-gradient(to right, rgb(25,26,32) 0%,transparent);
            .dotli{     
                height:100%;
                width:100%;  
                list-style: none;     
                float: left;          
                margin-left: 15px;     
                z-index: 999;     
                cursor: pointer; 
                justify-content: space-around; 
                transition: all .4s;
                opacity: .9;
                .dota{
                     text-decoration: none;
                     color:#fff;
                     font-size:16px;
                    .dotp{
                        opacity: 0;
                        font-size:12px;
                     }
                 }
            }
            .active{  
                .dota{
                    font-size:25px;
                    .dotp{
                        opacity: 1;
                        font-size:12px;
                    }   
                } 
                
            }     
        }   
    }
    
 
    
}
// 视频种类分类
.video-type{
    margin-top: 13px;
    width: 100%;
    left: 0;
    z-index: 100;
    .video-class{
        width:80%;
        // width: 100%;
        position: relative;
        margin: 0 auto;
        .video-wrap{
            display: flex;
            padding-right: 10px;
            white-space: nowrap;
            .video-left{
                display: flex;
                width:70%;
                justify-content:space-between ;
                .video-hover{
                    padding:0 10px;
                    text-align: center;
                    position: relative;
                    .video-kind{
                   
                        display: flex;
                        flex-direction: column;
                        box-sizing: border-box;
                        text-align: center;
                        cursor: pointer;
                        transition: transform .3s,color .3s;
                        &:hover{
                            transform: scale(1.1);
                        }
                            .video-li{
                                list-style: none;
                                color:white;
                                line-height:27px;    
                                .video-a{
                                    text-decoration: none;
                                    color: white;
                                    &:hover{
                                        color:#16e067
                                    }
                                }
                          
                        }
                        
                    }
                    .video-kind:nth-child(6){
                        margin-right:30px;                         
                    }
                    // 鼠标移上去会出现的几张照片
                    .manyImg{
                        position: absolute;
                        top:-141px;
                        left: 17px;
                        padding: 10px 10px 15px 10px;
                        background-color: rgba(0,0,0,.5);
                        display: none;
                        .manyUl{
                            display: flex;
                            li{
                                list-style: none;
                                width: 80px;
                                height: 120px;
                                margin-right: 13px;
                                position: relative;
                                &:nth-child(4){
                                    margin-right:0;
                                }
                                .shade{
                                    width: 100%;
                                    margin: 0 auto;
                                    height: 20px;
                                    background: linear-gradient(to top, rgb(44, 44, 44), rgba(255, 255, 255, 0));
                                    position: absolute;
                                    left: 0px;
                                    bottom: 0;
                                    z-index: 100;
                                }
                                a{
                                    text-decoration: none;
                                    img{
                                        width: 100%;
                                        height: 100%;
                                    }
                                }
                            }
                        }
                    }
                }
              
                .video-shadow{
                    content: "";
                    width: 2px;
                    height: 100%;
                    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 48%,hsla(0,0%,100%,0));
                    opacity: .1
                }
               
            }
            .video-right{
                display: flex;
                width:30%;
                justify-content: space-between;
                .video-sort{
                    padding:0 10px;
                    display: flex;
                    flex-direction: column;
                    box-sizing: border-box;
                    text-align: center;
                    cursor: pointer;
                    transition: transform .3s,color .3s;
                   
                        .video-into{
                            font-size: 13px;
                            list-style: none;
                            line-height: 27px;
                            cursor: pointer;                           
                            .video-rank{
                                text-decoration: none;
                                color:#fff;
                                &:hover{
                                    color:#16e067;
                                }
                            }
                        }
                  
                    .video-shadows{
                        content: "";
                        position: absolute;
                        top: 0;
                        right:81px;
                        width: 2px;
                        height: 100%;
                        background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 48%,hsla(0,0%,100%,0));
                        opacity: .1
                    }
                }
            }
        }
    }
}
.three-a{
    text-decoration: none;
    padding-right: 10px;
    font-size:14px;
    .three-like{
        color:#fff;
        &:hover{
            color: #16e067;
        }
    }
}
// 电视剧图片
.content-wrap{
    width:100%;
    padding-top:30px;
    .five-pic{
        width:80%;
        margin:0 auto;
        z-index: 1;
        position: relative;
        border-radius: 3px;
        overflow: hidden;
        height:133px;
        margin-bottom: 30px;
        .five-content{
            display: flex;
            justify-content: space-between;
            .five{
                padding-right:20px;
                list-style: none;
                position: relative;
                &:nth-child(5){
                    padding-right: 0;
                }
                &:hover{
                    opacity: 0.8;
                }
                .five-a{
                    text-decoration: none;
                    position: relative;
                    .five-img{
                        width:100%;
                        height:100%;
                    }
                    .wrap-inner{
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        padding: 16px 13px 6px 8px;
                        color: #fff;
                        font-size: 13px;
                        padding-bottom: 15px;
                        width:155px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        &:hover{
                            text-overflow:inherit; 
                            overflow: visible; 
                            white-space: pre-line; 
                        }
                    }
                }
            }
        }
    }
    // 猜你喜欢
    .guess{
        width: 80%;
        margin: 0 auto;
        line-height: 33px;
        .three-guess{
            display: flex;
            margin-bottom: 30px;
            text-align: center;
            .three-a{
                text-decoration: none;
                padding-right: 10px;
                &:nth-child(1){
                    font-size:25px;
                }
                font-size:14px;
                .three-like{
                    color:#fff;
                    &:hover{
                        color: #16e067;
                    }
                }
            }
        }
    }
    // 5个猜你喜欢的图片
    .guess-img{
        width:80%;
        margin: 0 auto;
        height: 110px;
        overflow: hidden; 
            .guess-like{
                display: flex;
                height: 106px;
                .guess-a{
                    text-decoration: none;
                    padding-right: 10px;
                    border-radius: 3px;
                    &:nth-child(5){
                        padding-right: 0;
                    }
                    &:hover{
                        opacity: 0.8;
                    }
                    .guess-li{
                        list-style: none;
                        .guess-imgs{
                            width:100%;
                            height:100%;
                        }
                        
                    }
                }
            }
        
        
       
    }
    .guess-infor{
        width:80%;
        margin: 0 auto;
        height:55px;
        .infor{
            display: flex;
            justify-content: space-between;
            .mation{
                list-style: none;
                .main{
                    .main-a{
                        text-decoration: none;
                        color:#fff;
                        font-size:18px;  
                        cursor: pointer; 
                        &:hover{
                            color:#16e067;
                        }
                    }
                   
                }
                .sub{
                    color: gray;
                    font-size:15px;
                }
            }
        }
    }
}

// 电视剧 电影
.layout{
    width:80%;
    margin: 0 auto;
    display: flex;
    // 电视剧左边
    .layout-left{
        position: relative;
        width:78%;
        .tl-layout{
            position:relative;
            .qy-header{
                position: relative;
                margin-bottom: 20px;
                display: flex;
                .qy-tv{
                    cursor: pointer;
                    text-decoration: none;
                    color: #fff;
                    font-size:23px;
                    font-weight: 900;
                    padding-right: 10px;
                    white-space: nowrap;
                    &:hover{
                        color:#16e067;
                    }
                }
                .qy-small{
                    padding-top:7px;
                    display: flex;
                    cursor: pointer;
                    .qy-ul{
                        display: flex;
                        .qy-li{
                            list-style: none; 
                            color:#fff;
                            white-space: nowrap;                            
                            a{
                                color: #fff;
                                font-size:14px;
                                &:hover{
                                    color:#16e067;
                                }
                                .one{
                                    padding:0 6px;
                                    &:hover{
                                        color:#fff;
                                    }
                                }
                            }
                           
                            
                        }
                    }
                    .qy-change{
                        display: inline-block;
                        // padding-left:90px;
                        white-space: nowrap;
                        .qy-left,.qy-right{
                            outline: none;
                            border:none;
                            background: transparent;
                            color:#ccc; 
                            display: inline-block;
                            width:25px;
                            height:25p;
                            text-align: center;
                            line-height: 25px;
                            &:hover{
                                background-color: rgba(0,0,0,.4);
                            }
                        }
                        
                    }
                }
            }
            // 中间图片
            .qy-lists{
                position: relative;
                margin-bottom: 19px;
               
                .qy-mod{
                    display: flex;
                    justify-content: space-between;
                    white-space: nowrap;
                    .qy-mod-li{
                        width: 23%;
                        // width: 200px;
                        list-style: none;
                        margin-right:16px;
                        transition:all 0.3s;
                        &:hover{
                            transform:scale(1.05);
                        }
                        &:nth-child(4){
                            margin-right:5px;
                        }
                        .qy-mod-div{
                           
                            .qy-mod-link{
                                position: relative;
                                overflow: hidden;
                                z-index: 1;
                                border-radius: 3px;
                                .qy-a{
                                    text-decoration: none;
                                    height: 260px;
                                    .qy-mod-imgs{
                                        height:100%;
                                        overflow: hidden;
                                        .mod-img{
                                            width:100%;
                                            height:100%;
                                            max-width: 100%;
                                            max-height: 260px;
                                            min-width: 100%;
                                            min-height: 260px;
                                        }
                                    }
                                    .qy-icon-tr{
                                        position: absolute;
                                        top:0;
                                        right:5px;
                                        width:34px;
                                        height:19px;
                                    }
                                    .qy-icon-b{
                                        position: absolute;
                                        bottom: 0;
                                        left: 0;
                                        right: 0;
                                        height: 40px;
                                        background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5));
                                        padding: 0 8px;
                                        .mod-span{
                                            display: block;
                                            padding-top: 12px;
                                            line-height: 28px;
                                            color: #fff;
                                            font-size: 13px;
                                            text-align: right;
                                        }
                                    }
                                }
                            }
                            .qy-mod-wrap{
                                position:relative;
                                padding-top: 5px;
                                .qy-main{
                                    line-height: 26px;
                                    height: 26px;
                                    font-size: 16px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap; 
                                    .qy-eight{
                                        text-decoration: none;
                                        color:hsla(0,0%,100%,.92);
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        transition: color .1s ease-in-out;
                                        &:hover{
                                            color:#16e067;
                                        }
                                    }
                                }
                                .qy-sub{
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    color:hsla(0,0%,100%,.4);
                                    height: 24px;
                                    line-height: 24px;
                                    font-size: 14px;
                                }
                            }
                           
                        }
                        &:hover{
                            // transform:scale(1.05);
                            transform: translate3d(0 -10px 0);
                        }
                        // 鼠标悬停上班里面的内容会改变
                        .hovers{
                            height:300px;
                            // padding-bottom: 20px;
                            display: none;
                            .hover-link{
                                overflow: hidden;
                                border-radius: 3px;
                                height:145px;
                                .hover-a{
                                    text-align: center;
                                   
                                    .qy-mod-hover{
                                        height:100%;
                                        .hover-mod-img{
                                            width:100%;
                                            height:100%;
                                        }
                                    }
                                    .qy-hover-tr{
                                        position: absolute;
                                        top:0;
                                        right:5px;
                                        width:34px;
                                        height:19px;
                                        text-align: center;
                                        line-height: 20px;
                                        color:#fff;
                                        background-color: rgb(54, 53, 53);
                                        img{
                                            width: 100%;
                                            height:100%;
                                        }
                                    }
                                }
                               
                            }
                            .hover-wrap{
                                position:relative;
                                padding-top: 5px;
                                text-overflow: ellipsis;
		                        display:-webkit-box;
		                        -webkit-line-clamp: 2;
		                        -webkit-box-orient: vertical;
                                .hover-main{
                                    overflow : hidden;
                                    line-height: 26px;
                                    height: 26px;
                                    font-size: 16px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    .hover-eight{
                                        text-decoration: none;
                                        color:hsla(0,0%,100%,.92);
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        transition: color .1s ease-in-out;
                                        &:hover{
                                            color:#16e067;
                                        }
                                    }
                                }
                                .hover-sub,.hover-play{
                                    height:22px;
                                    line-height:22px;
                                    font-size: 12px;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    color:hsla(0,0%,100%,.4);;
                                }
                                .hover-story{
                                    // height: 100px;
                                    overflow:hidden;
                                    white-space:normal;
                                    word-break:break-all;
                                    display:-webkit-box;
                                    -webkit-line-clamp: 3;
                                    -webkit-box-orient: vertical;
                                    text-overflow: ellipsis;
                                    font-size: 12px;
                                    line-height: 19px;
                                    color:hsla(0,0%,100%,.4);
                                }
                            }
                           
                        }
                    }
                }
            }
        }
        // 综艺左边的图片
        .g-row{
            display: flex;
            // height: 315px;
            .g-col{
                width:40%;
                .pack-focus{
                    position: relative;
                    overflow: hidden;
                    border-radius: 0 0 4px 4px;
                    .pack-cover{
                        height: 210px;
                        border-radius: 7px 7px 0 0;
                        background: #25252b;
                        .aplus{
                            text-decoration: none;
                            opacity: .1;
                            img{
                                display: block;
                                width:100%;
                                height:100%;
                                overflow: hidden;
                                transition: all .3s;
                            }
                            .pack-rt{
                                position: absolute;
                                top:0;
                                right:5px;
                                width:34px;
                                height:19px;
                            }
                            .pack-br{
                                position: absolute;
                                        bottom: 111px;
                                        left: 0;
                                        right: 0;
                                        height: 40px;
                                        background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5));
                                        padding: 0 8px;
                                        .mod-spans{
                                            display: block;
                                            padding-top: 12px;
                                            line-height: 28px;
                                            color: #fff;
                                            font-size: 13px;
                                            text-align: right;
                                        }
                            }
                        }
                    }
                    .pack-list{
                        background-color: #252525;
                        padding: 32px 0 32px 16px;
                        .pack-title{
                            margin-bottom: 6px;
                            height: 22px ;
                            line-height: 22px;
                            padding-right: 5px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                        }
                        .pack-p{
                            color: hsla(0,0%,100%,.38);
                            margin-top: 5 px;
                            height: 20px;
                            line-height: 20px;
                            font-size: 14px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                }
            }
        }
        // 4张图片
        .chanter{
            margin-left: 20px;
            width:55%;
            height: 315px;
            .four-grid{
                .grid{
                    width:100%;
                    height: 100%;
                    position: relative;
                    .box-bottom{
                        display: grid;
                        grid-template-columns: 50% 50%;
                        grid-template-rows:50% 50%;
                        .box-li{
                            list-style: none;
                            margin-right: 10px;
                            position: relative;
                            overflow: hidden;
                            .box-cover{
                                height: 100px;
                                overflow: hidden;
                                .aplus1{
                                    width: 100%;
                                    height: 100%;
                                    text-decoration: none;
                                    overflow: hidden;
                                    img{
                                        display: block;
                                        width:100%;
                                        height:100%;
                                        overflow: hidden;
                                        transition: all .3s;
                                        overflow: hidden;
                                        &:hover{
                                            transform:scale(1.1);
                                        }
                                    }
                                    .pack-rts{
                                        position: absolute;
                                        top:0;
                                        right:5px;
                                        width:34px;
                                        height:19px;
                                    }
                                    .pack-brs{
                                        position: absolute;
                                                bottom: 61px;
                                                left: 0;
                                                right: 0;
                                                height: 40px;
                                                background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5));
                                                padding: 0 8px;
                                                .mod-spans{
                                                    display: block;
                                                    padding-top: 12px;
                                                    line-height: 28px;
                                                    color: #fff;
                                                    font-size: 13px;
                                                    text-align: right;
                                                }
                                    }
                                }
                                
                            }
                        }
                    }
                }
            }
        }
    }

    // 电视剧右边
    .layout-right{
        overflow: hidden;
        width:22%;
        .trl-type{
            display: flex;
            flex-direction: column;
            .trl-base{
                position:relative;
                display: flex;
            }
            .trl-con{
                flex:1;
                .trl-ul{
                    display:flex;
                    flex-direction: column;
                    overflow: hidden;
                    .trl-item{
                        border-bottom: 1px solid  hsla(0,0%,100%,.06);
                        flex-direction: column;
                        justify-content: center;
                        flex:1;
                        position: relative;
                        .rank-list{
                            text-decoration: none;
                            display: flex;
                            padding:15px 0 5px 0;
                            .rank-num{
                                color: hsla(0,0%,100%,.12);
                                font-size:40px;
                                font-weight: 900;
                                padding-right:10px;
                                font-style: italic;
                                .rank-num-span{
                                    color: hsla(0,0%,100%,.12);
                                    font-size:40px; 
                                    font-weight: 900;                              
                                }
                                    
                                
                            }
                            .rank-content{
                                margin-top:10px;
                                display: inline-block;
                                width: 100%;
                                .rush{
                                    font-size:20px;
                                    font-weight: bold;
                                    color: #fff;
                                    cursor: pointer;
                                    white-space: nowrap;
                                   overflow: hidden; 
                                   text-overflow: ellipsis; 
                                    &:hover{
                                        cursor: pointer;
                                        color:#16e067;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    // 会员
    .common-container{
        position: relative;
        width: 100%;
        .ant-tabs{
            position: relative;
            .tablists{
                margin-bottom: 15px;
                display: flex;
                .qy-tv{
                    text-decoration: none;
                    color: #fff;
                    font-size:22px;
                    font-weight: bold;
                    &:hover{
                        color: #16e067;
                    }
                }
                .qy-change{
                    display: inline-block;
                        // padding-left:90px;
                        white-space: nowrap;
                        .qy-left,.qy-right{
                            outline: none;
                            border:none;
                            background:transparent;
                            color:#ccc; 
                            display: inline-block;
                            width:25px;
                            height:25px;
                            text-align: center;
                            line-height: 25px;
                            cursor: pointer;
                           
                            &:hover{
                                background-color: rgba(0,0,0,.4);
                            }
                        }
                }
            }
            // 五张图片
            .tab-ant{
                width:100%;
                height:340px;
                overflow: hidden;
                position: relative;
                .tabpanel{
                    width:100%;
                    height: 100%;
                    overflow: hidden;
                    position:relative;
                    .panel{
                        display: flex;
                        justify-content: space-between;
                        .panel-li{
                            list-style: none;
                            height: 340px;
                            margin-right: 15px;
                            display: flex;
                            flex: 1;
                            flex-direction:column;
                            // 即将上线时间的修饰
                            .panel-time{
                                height: 20px;
                                padding-bottom: 10px;
                                p{
                                    color:white;
                                    font-size: 20px;
                                    font-weight: 200;
                                }
                            }
                            .panel-div{
                                height: 250px;
                                border-radius: 3px;
                                overflow: hidden;
                                transition: all .3s;
                                position: relative;
                                .aplus{
                                    text-decoration: none;
                                    height: 100%;
                                    width: 100%;
                                    transition: all .3s;
                                    img{
                                        width: 100%;
                                        height: 100%;
                                        &:hover{
                                            transform:scale(1.1);
                                        }  
                                    }
                                    .pack-br{
                                        position: absolute;
                                        bottom: 0;
                                        left: 0;
                                        right: 0;
                                        height: 40px;
                                        background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5));
                                        padding: 0 8px;
                                        .mod-spans{
                                            display: block;
                                            padding-top: 12px;
                                            line-height: 28px;
                                            color: #fff;
                                            font-size: 13px;
                                            text-align: right;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

// 小广告
.advertise{
    width:100%;
    height: 100px;
    margin-bottom: 30px;
    .tise{
        width:80%;
        height: 100%;
        margin: 0 auto;
        border-radius: 3px;
        .ad-img{
            border-radius: 3px;
            width: 100%;
            height: 100%;
            position: relative;
            .small-img{
                border-radius: 3px;
                width:100%;
                height:100%;
            }
            .ad-tise{
                font-size: 12px;
                position: absolute;
                right: 8px;
                top: 0;
                z-index: 99;
                white-space: normal;
                line-height: 0;
                pointer-events: none;
                .adver{
                    display: inline-block;
                    border-radius: 0 0 2px 2px;
                    display: inline-block;
                    line-height: 1.55;
                    padding: 0 4px;
                    text-align: center;
                    margin-left: 3px;
                    background: rgba(0,0,0,.6);
                    color: #fff;
                }
            }
           
        }
    }
}
// 公共修饰
.aplus3{
    text-decoration: none;
    opacity: .1;
    img{
        display: block;
        width:100%;
        height:100%;
        overflow: hidden;
        transition: all .3s;
    }
    .pack-rt{
        position: absolute;
        top:0;
        right:5px;
        width:34px;
        height:19px;
    }
    .pack-br{
        position: absolute;
                bottom: 111px;
                left: 0;
                right: 0;
                height: 40px;
                background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5));
                padding: 0 8px;
                .mod-spans{
                    display: block;
                    padding-top: 12px;
                    line-height: 28px;
                    color: #fff;
                    font-size: 13px;
                    text-align: right;
                }
    }
}
.box-list{
    margin:5px 0;
    .box-title{
        margin-bottom: 6px;
        height: 18px ;
        line-height: 18px;
        padding-right: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
        a{
            text-decoration: none;
            color:#fff;
            font-size:15px;
            p{
                &:hover{
                    color: #16e067;
                }
            }
        }
        
    }
    .box-sub-title{
        color: hsla(0,0%,100%,.38);
        margin-top: 5 px;
        height: 31px;
        line-height: 31px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
// 好剧推荐的样式
.tab-ant3{
    width:100%;
    height:160px;
    overflow: hidden;
    position: relative;
    .tabpanel{
        width:100%;
        height: 100%;
        overflow: hidden;
        position:relative;
        .panel{
            display: flex;
            justify-content: space-between;
            .panel-li3{
                list-style: none;
                height: 160px;
                margin-right: 15px;
                position: relative;
                .panel-div3{
                    height: 100px;
                    border-radius: 3px;
                    overflow: hidden;
                    transition: all .3s;
                    position: relative;
                    .aplus{
                        text-decoration: none;
                        height: 100%;
                        width: 100%;
                        transition: all .3s;
                        &:hover{
                            opacity: 0.8;
                        }
                        img{
                            width: 100%;
                            height: 100%;
                            &:hover{
                                transform:scale(1.1);
                            }
                        }
                        .pack-br{
                            position: absolute;
                            bottom:0;
                            left: 0;
                            right: 0;
                            height: 40px;
                            background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5));
                            padding: 0 8px;
                            .mod-spans{
                                display: block;
                                padding-top: 12px;
                                line-height: 28px;
                                color: #fff;
                                font-size: 13px;
                                text-align: right;
                            }
                        }
                    }
                }
            }
        }
    }
}
// 即将上线样式
// .panel-time{
//     width:100%;
//     margin-bottom: 20px;
//     .time-li{
//         display: flex;
//         justify-content: space-around;
//         text-align: center;
//         li{
//             list-style: none;
//             text-align: center;
//             p{
//                 color:#fff;
//                 font-size:15px;
//             }
//         }
//     }    
// }
// 底部样式
.lastPage{
    width:80%;
    position: relative;
    margin:0 auto;
    .lastBottom{
        width:100%;
        position: relative;
        height: 76px;
        .bottom-line{  
            height: 100%; 
            text-align: center;        
            border-bottom: 1px solid hsla(0,0%,100%,.05);
            p{
                font-size:12px;
                display: inline-block;
                color:#999;
                line-height: 76px;
                text-align: center;
            }
        }
    }
    .g-footer{
        margin-top: 20px;
        .g-foot{
            display: flex;
            justify-content: space-between;
            height: 136px;
            .dl-one,.dl-two,.dl-three{
                flex: 1;
                display: flex;
                flex-direction: column;
                margin-right: 50px;
                .title-IV{
                    color:#fff;
                    font-size:14px;
                    font-weight: bold;
                }
                a{
                    text-decoration: none;
                    color:#999;
                    display: inline-block;
                    width:80px;
                    font-size:12px;
                    cursor: pointer;
                    &:hover{
                        color:#16e067;
                    }
                }
            }
        }

        // 最底部
        .last-foot{
            width:100%;
            height: 200px;
        }
    }
}

// 会员的左右切换
.fade{
    display: none;
}
.fade:nth-child(1){
    display: block;
}
// 电视剧的左右切换
.fade1{
    display: none;
}
.fade1:nth-child(1){
    display: block;
}
// 电影的左右切换
.fade2{
    display: none;
}
.fade2:nth-child(3){
    display: block;
}
//综艺的左右切换
.fade3{
    display: none;
}
.fade3:nth-child(3){
    display: block;
}
// 测边栏
.totop{
	position: fixed;
	right: 0;
	bottom:30px;
	width:30px;
	height:30px;
    font-size: 20px;
    color: #fff;
	background-color:  hsla(0,0%,100%,.05);
	line-height: 30px;
    text-align: center;
	display: none;
    cursor: pointer;
    &:hover{
        color: #16e067;
    }
}
.feedback{
	position: fixed;
	right: 0;
	bottom:60px;
	width:30px;
	height:30px;
    font-size: 20px;
    color: #fff;
	background-color:  hsla(0,0%,100%,.05);
	line-height: 30px;
    text-align: center;
	display: none;
    cursor: pointer;
    &:hover{
        color: #16e067;
    }
}
/*点击vip如果没有登录会显示的弹窗 end*/
/*反馈的弹窗*/
.hideBack{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    display:none;
    z-index: 999;
    .hideBackForm{
        opacity: 0;
        transition: 0.5s;
        box-shadow: 0px 0px 15px #515151;
        display: inline-block;
        background-color: #fff;
        position: relative;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 7px;
        width: 520px;
        height:400px;
        padding: 16px 20px 20px;
        .hideFeed{
            text-align: center;
            padding-bottom:16px;
            margin-bottom:24px;
            border-bottom: 1px solid #f5f5f5;
            h4{
                color: #4B4B4B;
                position:relative;
                left:150px;
                display: inline-block;
            }
            .closeBack{
                outline: none;
                border: 0;
                background:transparent;
                float:right;
                cursor: pointer;
                font-size: 15px;
                &:hover{
                    color: #529373;
                }
                span{
                    line-height: 3px;
                }
            }
        }
        .popub{
            display:flex;
            position:relative;
            margin-top:15px;
            .label{
                margin-top:12px;
                color: #767676;
            }
            .feedbacks{
                outline: none;
                border:1px solid #f5f5f5;
                width:400px;
                height:125px;
                position:relative;
                padding:9px 12px 27px;
                border-radius: 2px;
                color: #606266;
                resize: none;
                // background: #f5f5f5;
            }
            .couple{
                outline: none;
                border:1px solid #f5f5f5;
                position:relative;
                padding:9px 12px 27px;
                border-radius: 2px;
                color:#606266; ;
                width:400px;
                height:81px;
                resize: none;
            }
        }
        .hideFormBottom{
            overflow: hidden;
            .submit{
                border: 1px solid #16e067;
                margin-top:13px;
                float: right;
                outline: none;
                border-radius: 23px;
                // background: #ffdf1f;
                width:120px;
                height:40px;
                line-height: 40px;
                cursor: pointer;
                text-align: center;
                color: #fff;
                font-size: 14px;
                font-weight: bold;
                background:#16e067;
            }
        }
    }
}
/*反馈的弹窗 end*/

